<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // cookie 跨页面访问数据

        // cookie 存储在客户端(用户自己的电脑上)  --- 可以被用户禁用或者删除
        // cookie 只能在同一个网站下   才可以访问数据

        // cookie 在存储数据的时候   只能一条一条的存

        // cookie 可以设置到期时间   (注意：时间差)


        // 数据的增删改查
        //    新增  document.cookie = ''
        //    查询(获取)  const cookies = document.cookie
        //    修改   覆盖(名称具有唯一性)  document.cookie = ''
        //    删除   覆盖(设置过期的时间)


        // 缺点
        //   1 cookie都会随着服务器请求被携带，减慢服务器的响应速度
        //   2 不能大量的存储数据的    大概存储 4kb左右
        //   3 cookie本质是字符串   没有一些好用的方法   -- 自己封装函数



    </script>

</body>

</html>